<style lang="scss" scoped>
	@import "../../style/them";
	

	.container {
		height: 100vh;
		width: 100vw;
		position: relative;

		.border {
			border: 6rpx solid #1c50bd;
		}
		
		.test{
			padding: 10px;
		}

		.box {
			// background:url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F012eb2582c3d21a84a0e282be7848c.jpg%402o.jpg&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1638516161&t=d3aeb560f28c3a32a1f07c8bb393f426") no-repeat center center;
			background: url(../../static/success.png);
			background-size:100%  100%;
			
		}

		.content {
			.rule {
				height: 40rpx;
				width: 100%;
				text-align: center;
				margin: 20rpx 0 140rpx 0;

				text {
					color: #1c61bd;
				}
			}

			.btn {
				height: 88rpx;
				width: 100%;
				background-color: rgba(255, 127, 10, 100);
				color: rgba(255, 255, 255, 100);
				font-size: 40rpx;
				text-align: center;
				line-height: 88rpx;
				border-radius: 50rpx;
				margin-top: 10rpx;
			}

			.info {
				font-size: 24rpx;
				color: rgba(88, 94, 88, 100);
				margin-top: 16rpx;
			}

			.tip {
				width: 180rpx;
				height: 40rpx;
				margin-top: 16rpx;
				color: #ff7f0a;
				background-color: rgba(136, 125, 125, 0.16);
				border-radius: 30rpx;
				text-align: center;
				font-size: 28rpx;
			}

			.total {
				height: 44rpx;
				color: rgba(23, 1, 1, 100);

				font-size: 32rpx;
				margin-top: 36rpx;

				text {
					color: #d4201f;
					font-size: 32rpx;
				}
			}

			.add {
				display: flex;
				justify-content: start;
				margin-top: 30rpx;

				&-card {
					color: rgba(166, 159, 159, 91);
					font-size: 32rpx;
					text-align: center;
					font-family: PingFangSC-regular;
					line-height: 56rpx;
					margin-left: 20rpx;
				}

				view {
					height: 56rpx;

					img {
						width: 56rpx;
						height: 56rpx;
					}
				}
			}

			position: absolute;
			top: 50rpx;
			padding: 0 35rpx;
			width: 100%;

			&-icon {
				width: 100%;

				&>view {
					.icon-name {
						text-align: center;
						font-size: 36rpx;
						color: #fff;
						padding-top: 10rpx;
					}

					&:nth-child(1) {
						text-align: center;
					
						// width: 180rpx;

						img {
							
							border-radius: 15rpx;
							// width: 126rpx;
							height: 244rpx;
							
						}
					}

					
				}
			}

			&-card {
				border-radius: 40rpx;
				border: 1px solid rgba(221, 216, 216, 45);
				margin-top: 65rpx;
				background: #fff;
				padding: 30rpx 60rpx;

				.title {
					line-height: 60rpx;
					color: #170101;
					font-size: 32rpx;
				}

				.input {
					background: #f5f3f3;
					height: 96rpx;
					margin-top: 24rpx;
					text-align: center;
				}

				.invest {
					.cami {
						display: flex;
						justify-content: space-between;
						height: 120rpx;

						&>view {
							&:nth-child(1) {
								position: relative;

								.cancel {
									position: absolute;
									right: -10rpx;
									top: 10rpx;
									width: 40rpx;
									height: 40rpx;
								}
							}
						}

						&-money {
							line-height: 160rpx;
						}

						&-input {
							width: 560rpx;
						}
					}

					margin: 20rpx 0 0 0;

					&-title {
						color: rgba(16, 16, 16, 100);
						font-size: 32rpx;
					}
				}
			}
			&-card1 {
				border-radius: 40rpx;
				border: 1px solid rgba(221, 216, 216, 45);
				// margin-top: 65rpx;
				margin: 30rpx 0rpx;
				background: #fff;
				padding: 14rpx 20rpx;
			
				.title {
					line-height: 60rpx;
					color: #170101;
					font-size: 32rpx;
				}
			
				.input {
					background: #f5f3f3;
					height: 96rpx;
					margin-top: 24rpx;
					text-align: center;
				}
			
				.invest {
					.cami {
						display: flex;
						justify-content: center;
						height: 120rpx;
			
						&>view {

							display: flex;
						justify-content: center;
							&:nth-child(1) {
								position: relative;
			
								.cancel {
									position: absolute;
									right: -10rpx;
									top: 10rpx;
									width: 40rpx;
									height: 40rpx;
								}
							}
						}
			
						&-money {
							line-height: 160rpx;
						}
			
						&-input {
							width: 560rpx;
						}
					}
			
					margin: 20rpx 0 0 0;
			
					&-title {
						color: rgba(16, 16, 16, 100);
						font-size: 32rpx;
					}
				}
			}
		}
	}
</style>

<template>
	<view class="container">
		<u-image width="100%" height="100%" :src="imgUrl"></u-image>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgUrl:""
			};
		},


		methods: {
			initConfig() {
				this.httpClient
					.get({
						url: this.APIPath.initIndex.index
					})
					.then((res) => {
						if (!res.data.isStatus) {
							this.imgUrl = res.data.imgUrl;
						} else {
							uni.navigateTo({
								url: "../index/index",
							});
						}
						
					});
			}
			
		},
		created() {
			this.initConfig()
		}
		
	};
</script>
